@import 'public';
@font-face {
    font-family: "pfr";
    src: url("../fonts/PingFang Regular.ttf");
}
@font-face {
    font-family: "pfb";
    src: url("../fonts/PingFang Bold.ttf");
}
body {
    font-family: 'pfr';
}
.header-title {
    width: 100%;
    height: 2.2rem;
    line-height: 2.2rem;
    text-align: center;
    background: #fff;
    position: relative;
    z-index: 100;
    .left {
        float: left;
        vertical-align: middle;
        width: 0.6rem;
        height: 0.87rem;
        position: absolute;
        left: 0.9rem;
        top: 0.75rem;
    }
    span {
        font-size: 0.95rem;
        color: #444;
        font-family: "pfb";
    }
}
.weui-cells {
    margin-top: 2.2rem;
    .weui-cell:before {
        left: 1.1rem;
        right: 1.1rem;
    }
    .weui-label {
        font-family: 'pfr';
        font-size: 0.9rem;
        color: #444;
    }
    .weui-input {
        text-align: right;
    }
    .weui-cell {
        padding: 19px 1.1rem;
    }
}
.weui-cells:after {
    left: 1.1rem;
    right: 1.1rem;
}
.weui-cells:before {
    border-top: 0;
}
.demos-content-padded {
    padding: 0.3rem 1.1rem;
    height: 2.5rem;
    .weui-btn {
        font-size: 0.85rem;
        font-family: 'pfr';
        line-height: 2.5rem;
    }
    .weui-btn_mini {
        width: 47.4%;
        font-size: 0.8rem;
    }
}
.forgetPassword {
    height: auto;
    padding: 17px;
    text-align: right;
    overflow: hidden;
    a {
        font-family: 'pfr';
        color: @bgColor;
        border-bottom: 1px solid @bgColor;
        font-size: 0.85rem;
    }
    .weui-btn_mini {
        width: 48%;
        line-height: 2.4rem;
        float: right;
        margin-right: 5px;
    }
}
.weui-btn_plain-primary {
    background: #28C81E;
}
.weui-btn_primary {
    background: #28C81E;
}
::-webkit-input-placeholder {
    /* WebKit browsers */
    font-family: 'pfr';
    color: #777;
    font-size: 0.85rem;

}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    font-family: 'pfr';
    color: #777;
    font-size: 0.85rem;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    font-family: 'pfr';
    color: #777;
    font-size: 0.85rem;
}

:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    font-family: 'pfr';
    color: #777;
    font-size: 0.85rem;
}
.register-type {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 0 1.1rem;
    box-sizing: border-box;
    margin-top: 2.2rem;
    .name {
        width: 100%;
        height: auto;
        overflow: hidden;
        line-height: 3.25rem;
        border-bottom: 1px solid @boderColor;
        span {
            display: inline-block;
            width: 6rem;
            font-family: 'pfr';
            font-size: 0.85rem;
            color: #444;
        }
        img {
            width: 0.45rem;
            height: 0.45rem;
            display: inline-block;
            margin-left: 0.4rem;
            vertical-align: text-top;
            margin-top: 0.2rem;
        }
        input {
            float: right;
            display: inline-block;
            margin-top: 1rem;
            width: 9.5rem;
            text-align: right;
            font-size: 0.85rem;
            padding: 2px 0.55rem 2px 0;
            box-sizing: border-box;
            border: 1px solid @boderColor;
        }
        .iconfont {
            float: right;
            color: #000;
        }
    }
    .remarks {
        width: 100%;
        height: 5.35rem;
        resize: none;
        border-color: @boderColor;
    }
    .select-type {
        input {
            background: #fff;
            border: 0;
            width: 9rem;
        }
        .name_ul {
            display: none;
            .active {
                border-color: #28C81E;
                color: #28C81E;
            }
            li {
                width: 99%;
                height: 1.55rem;
                line-height: 1.55rem;
                text-align: center;
                color: #444;
                border: 1px solid @boderColor;
                margin-top: 0.85rem;
                border-radius: 0.2rem;
                b {
                    font-weight: normal;
                    font-size: 0.85rem;

                }
            }
            li:last-child {
                margin-bottom: 0.85rem;
            }

        }
    }
}
.registerSecond {
    margin-top: 2.2rem;
    height: auto;
    overflow: hidden;
    .enterprise,
    .personal {
        .identity-type {
            width: 100%;
            height: 1.55rem;
            background: #28C81E;
            line-height: 1.55rem;
            span {
                font-size: 0.9rem;
                color: #fff;
                padding-left: 1.1rem;
            }
        }
        .name {
            width: 100%;
            padding: 0 1.1rem;
            box-sizing: border-box;
            height: 3.25rem;
            line-height: 3.25rem;
            position: relative;
            span {
                font-size: 0.85rem;
                color: #444;
            }
            span:first-child {
                display: inline-block;
                float: left;
            }
            span:last-child {
                display: inline-block;
                float: right;
            }
        }
        .img-warp2::after,
        .name::after {
            content: " ";
            position: absolute;
            left: 1.1rem;
            right: 1.1rem;
            height: 1px;
            color: #E2E2E2;
            z-index: 2;
            bottom: 0;
            border-bottom: 1px solid #E2E2E2;
            -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
            -webkit-transform: scaleY(.5);
            transform: scaleY(.5);
        }
        .img-warp {
            width: 100%;
            padding: 0 1.1rem;
            box-sizing: border-box;
            height: auto;
            overflow: hidden;
            position: relative;
            li {
                position: relative;
                margin-top: 1.25rem;
                width: 4.7rem;
                float: left;
                height: auto;
                margin-right: 1.2rem;
                img {
                    width: 4.7rem;
                    height: 2.95rem;
                    position: absolute;
                    top: 0;
                    left:0;
                }
                span {
                    display: block;
                    font-size: 0.85rem;
                    color: #444;
                    font-family: "pfb";
                    width: 4.7rem;
                    margin-bottom: 1rem;
                    text-align: center;
                    line-height: 1rem;
                    margin-top: 0.4rem;
                }
            }
            li:last-child {
                margin-right: 0;
            }

        }
    }
}
.upload {
    display: block;
    width: 100%;
    height: 2.95rem;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 20;
}
.cvs {
    display: inline-block;
    width: 100%;
    height: 2.95rem;
    overflow: hidden;
    //                  display: none;
}
